<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<!-- saved from url=(0048)http://www.jq22.com/demo/jQueryCity201707251014/ -->
<html xmlns="http://www.w3.org/1999/xhtml"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8">

<title>jQuery城市下拉选择</title>
<link href="stastic/hsCheckData.css" rel="stylesheet">
</head>
<body>
    <div id="color_wraper">
        <span>选择颜色</span>
        <div id="sellect_color" style="width:300px;" class="hsCheckData">
        </div>
      </div>
    <script src="stastic/jquery-1.10.2.js"></script>
    <script src="stastic/jquery.min.js"></script>
    <script src="stastic/hsCheckData.js"></script>
<script>
    var colorData=[
        {"11":"白色"},
        {"12":"红色"},
        {"65":"绿色"},
        {"68":"灰色"},
        {"71":"红绿"},
        {"72":"蛋黄"},
        {"73":"大红"},
        {"6406":"蓝白"},
    ];
    $('#sellect_color').hsCheckData({
        isShowCheckBox: true, //是否显示选择框，默认为false
        minCheck: 0,//默认为0，不限最少选择个数
        maxCheck: 100,//默认为0，不限最多选择个数
        data: colorData
    });

</script>

</body></html>